<template>
  <div class="page-wrap">
    <!-- 页面面包屑 -->
    <bread :cur-path="{ toPath: '/about', name: '关于我们' }" />
    <div class="page-main">
      <div class="con-box">
        <div class="main-menu-box">
          <h2><i class="yicon"></i>关于我们</h2>
          <ul class="main-menu shadow-box">
            <nuxt-link to="/about" tag="li"><a>公司简介</a></nuxt-link>
            <nuxt-link to="/honor" tag="li"><a>企业荣誉</a></nuxt-link>
          </ul>
        </div>
        <div class="main shadow-box">
            <h1><span>关于我们</span></h1>
            <div class="main-content">
                <p class="info" v-html="htmlContent"></p>
            </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { Bread } from '@/components/layout'
export default {
  components: {
    Bread
  },
  computed: {
    htmlContent() {
      return this.$store.getters.htmlContent
    }
  }
}
</script>

<style lang="scss">
/*公司简介内容*/
.main-content .info{font-size:14px; line-height:35px; text-align:left;}
.main-content .info .cimg {
	display: block;
	width: 410px;
	height: 250px;
	margin: 10px auto;
}
.main-content .info .cimg img{width:100%; height:100%;}
.main-content .info a.cname{color:#006835;}
</style>
